<div>
    <div class="footHeader" ng-class="{'foot-aboutUs': $state.includes('meta.foot.aboutUs'), 'foot-product': $state.includes('meta.foot.product'),
    'foot-techDock': $state.includes('meta.foot.techDock'), 'foot-faq': $state.includes('meta.foot.faq')}">
        <div class="wrapper">
            <div class="meta-container">
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6"><a
                    ng-class="{'active': $state.includes('meta.foot.aboutUs')}"
                    ui-sref='meta.foot.aboutUs.maiKeJi'>关于我们</a>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6"><a
                    ng-class="{'active': $state.includes('meta.foot.product')}"
                    ui-sref='meta.foot.product.index'>产品功能</a>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6"><a
                    ng-class="{'active': $state.includes('meta.foot.techDock')}"
                    ui-sref='meta.foot.techDock.introduce'>业务服务</a>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6"><a
                    ng-class="{'active': $state.includes('meta.foot.faq')}"
                    ui-sref='meta.foot.faq.aboutMaikeji'>常见问题</a></div>
                <div class="clear-float"></div>
            </div>
        </div>
    </div>
    <div class="footContent">
        <div class="meta-container meta-container-60">
            <nav class="col-sm-2">
                <h4 class="meta-no-margin" ng-bind="$state.current.data.navTitle"></h4>
                <ul>
                    <li ng-repeat='element in $state.current.data.nav'
                        ng-class="{'active': $state.includes(element.state)}">
                        <a ui-sref='{{element.state}}'>{{element.name}}</a></li>
                </ul>
            </nav>
            <div ui-view='footContainer' class="col-sm-8 rightContent"></div>
            <div class="clear-float"></div>
        </div>
    </div>
</div>
